*{
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}
html,body{
  width:100%;
  height: 100%;
}
#root {
  width: 100%;
  height: 100%;
}
html, body {
    position: relative;
    height: 100%;
  }
  [v-cloak] {
    display:none !important;
  }  
@media screen and (min-width: 641px) {
    #app { 
        width: 640px;
        height: 100%;
        margin: 0 auto;
  
    
    }
    .upSlide {
      margin-top: 1rem;
    }
}
 
@media screen and (max-width: 640px) {
    #app { 
        width: 100%;
        height: 100%;
         margin: 0;
        }
        .upSlide {
          margin-top: 2rem;
        }    
}

  body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
  }
  .swiper-container {
    width: 100%;
    height: 100%;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;

  }

  .content_firstpage {
    text-align: center;
  }


  .content_firstpage .headerTitle {
  	padding-top: 1.7rem;
  }
  .headerTitle img{
      width: 4.88rem;
      height: 2.21rem;
  }
 


.echarts_map {
  height: 57.721%;
  background:rgba(255,255,255,1);
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  border-radius: 0.2rem;
  -moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
  margin-top: 0.23rem;
  padding-top: 0.5rem;
  
}
#echarts_map {
	-moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
	-webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  border-radius: 20px;
	height: 90%;
	position: relative;
}
#echarts_map>div{
	-moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
	padding:0.1rem !important;
	width: 100% !important;
	height: 100% !important;
	  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.mapTitle {
	height: 10%;
	/*margin-top: 0.5rem;*/
}
.mapTitle span {
	display: inline-block;
	width: 3.4rem;
	font-size:0.28rem;
	font-family:PingFangSC-Regular;
	font-weight:bold;
	color:rgba(43,190,125,1);
	height:0.50rem;
	background:rgba(234,255,245,1);
	border:0.02rem solid rgba(82,211,154,1);
	border-radius:0.25rem;
	line-height: 0.5rem;
} 
#echarts_map img {
  height: 100%;
}
.content2 .headerTitle {
  /*display: inline-block;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 10%; */
  width:5.49rem;
  height:0.57rem;
  font-size:0.6rem;
  font-family:PingFangSC-Regular;
  font-weight:bold;
  color:rgba(255,255,255,1);
  line-height:0.57rem;
  /*text-align: center;*/
  margin-top: 6.671%;
  margin-bottom: 3.823%;
  padding-left: 0.63rem;
  padding-right: 1.01rem;
}
/* 下拉日期选择框 */
.drownSelected {
  
  position: relative;
}
 #date {
  margin-top: 0.53rem;
  width: 4.09rem;
  height: 0.74rem;
  border: none;
	text-align: center;
  color: #fff;
 /*padding-left: 0.55rem;*/
  font-size:0.32rem;
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  /* background: url(../pages/imgs/dropDown.png) no-repeat scroll right center transparent; */
  background-size: 0.37rem 0.15rem;
  background-position: 90% 50%;
  -webkit-border-radius: 0.37rem;
  -moz-border-radius: 0.37rem;
  -ms-border-radius: 0.37rem;
  -o-border-radius: 0.37rem;
  border-radius: 0.37rem;
	background-color: #3EBD6C;
	border: none;
	outline: none;

}
/*select::-ms-expand { display: none; }*/

#optGroup li {
  text-align: center;
  text-align-last:center;
  background-color: #fff;
font-size:0.30rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(102,102,102,1);

padding-right: 0.1rem;
border: 0; 

}


ul, li {
  list-style-type:none;
  padding:0;
  margin:0
}
.drownSelected ul {
  width:180px;
  position:absolute;
  border:1px solid #ccc;
  background:#fff;
  overflow: hidden;
  display:none;
  background:rgba(255,255,255,1);
  z-index:99999;
  left:50%; top:50%;
-ms-transform: translateX(-50%) translateY(20%);
-moz-transform: translateX(-50%) translateY(20%);
-webkit-transform: translateX(-50%) translateY(20%);
-o-transform: translateX(-50%) translateY(20%);
transform: translateX(-50%) translateY(20%);

}
.drownSelected ul li {
  /*display:block;*/
  overflow:hidden;
  font-size:0.3rem;
 font-family:PingFangSC-Regular;
 font-weight:400;
 color:rgba(102,102,102,1);
 /*line-height:0.3rem;*/
  /*width:100%;*/
  cursor:pointer;
  height: 0.74rem;
  line-height: 0.74rem;
}
.hover {
	background-color: #3EBD6C;
}
/* 信息来源样式
 */
 .messageSource {
   text-align: center;
   position: absolute;
 	bottom: 0.41rem;
 	left:50%; 
	transform:translateX(-50%); 
	-webkit-transform:translateX(-50%);
 }
 .messageSource div {
   display: inline-block;
  text-align: center;
  width:5.03rem;
  height:0.29rem;
  font-size:0.3rem;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(255,255,255,1);
  /* line-height:1.67rem; */
 }
 /* 向上滑图片样式 */
 .upSlide {
 	position: absolute;
 	bottom: 1.41rem;
 	left:50%; 
	transform:translateX(-50%); 
  -webkit-transform:translateX(-50%);
  font-size:0.32rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(255,255,255,1);
   /*margin-top: 1.5rem;*/
 }
 .upSlide a{
  font-size:0.32rem;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(255,255,255,1);
  text-decoration: none;
 }
 .upSlide img {
   width: 3rem;
   height: 0.74rem;
 }

 /* 基础数据数量 */
 .quantity {
  
  height:23.013%;
  background:rgba(255,255,255,1);
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  border-radius: 0.2rem;
  margin-top: 0.51rem;
  -moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
  padding-top: 0.44rem;
  padding-left: 0.77rem;
  padding-right: 0.77rem;
  padding-bottom: 0.63rem;
 }
.quantity .quantityTitle> {
	text-align: center;
}
 .quantity .quantityTitle>span{
 	display: inline-block;
   background:rgba(234,255,245,1);
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  border-radius: 0.5rem;
width:3.40rem;
height:0.50rem;
border:0.02rem solid rgba(82,211,154,1);
 text-align: center;
 line-height: 0.5rem;
 font-size:0.28rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(43,190,125,1);
 }
 .quantityNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4.722%;
  justify-content:space-between; 
 }
 .quantityNumber img {
   width: 0.38rem;
   height: 0.47rem;
   vertical-align: baseline
 }
   .quantityNumber .leftNumber, 
   .quantityNumber .rightNumber{
    text-align: left;
   }
   .leftNumber span:nth-of-type(1),
   .rightNumber span:nth-of-type(1){
    font-size:0.46rem;
    font-family:PingFangSC-Semibold;
    font-weight:600;
    color:rgba(82,211,154,1);
    line-height:0.53rem;
   }
   .leftNumber span:nth-of-type(2),
   .rightNumber span:nth-of-type(2) {
    font-size:0.3rem;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:0.48rem;
   }
   .rightNumberBox,
   .leftNumberBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
   }

   /* 地图标签 */
   .boxRadius {
     display: inline-block;
     border: 1px solid #FCCA6F;
     width: 0.39rem;
     height: 0.39rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
   }
   .labelGroup li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
   }
   .circleBox {
    border: 1px solid #FCCA6F;
    width:0.2rem;
  height:1.30rem;
  background:rgba(252,202,111,1);
    border-radius:0.1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
    word-wrap: break-word;
    color: #fff
   }
   /* .labelGroup li:nth-of-type(1){
    position: absolute;
    top: 1rem;
    left: 1.3rem;
   }
   .labelGroup li:nth-of-type(2){
    position: absolute;
    top: 0.1rem;
    left: 2rem;
   }
   .labelGroup li:nth-of-type(3){
    position: absolute;
    top: 0.4rem;
    left: 3.5rem;
   }
   .labelGroup li:nth-of-type(4){
    position: absolute;
    top: 0.4rem;
    left: 5rem;
   }
   .labelGroup li:nth-of-type(5){
    position: absolute;
    top: 3rem;
    left: 1.6rem;
   }
   .labelGroup li:nth-of-type(6){
    position: absolute;
    top: 1.4rem;
    left: 3rem;
   }
   .labelGroup li:nth-of-type(7){
    position: absolute;
    top: 2.2rem;
    left: 3.5rem;
   }
   .labelGroup li:nth-of-type(8){
    position: absolute;
    top: 1.4rem;
    left: 5.4rem;
   }
   .labelGroup li:nth-of-type(9){
    position: absolute;
    top: 1.9rem;
    left: 4.3rem;
   }
   .labelGroup li:nth-of-type(10){
    position: absolute;
    top: 3rem;
    left: 2.3rem;
   }
   .labelGroup li:nth-of-type(11){
    position: absolute;
    top: 3rem;
    left: 4.6rem;
   }
   .labelGroup li:nth-of-type(12){
    position: absolute;
    top: 3.2rem;
    left: 5.5rem;
   }
   .labelGroup li:nth-of-type(13){
    position: absolute;
    top: 4.8rem;
    left: 3.5rem;
   }
   .labelGroup li:nth-of-type(14){
    position: absolute;
    top: 4.8rem;
    left: 4.8rem;
   } */

   /* 益农信息社区域数据统计 */
   /* .content1 */
   .countHeader,
   .hotArticle,
   .provinceRankingTitle {
    font-size:0.6rem;
    font-family:PingFangSC-Regular;
    font-weight:bold;
    color:rgba(255,255,255,1);
    /*line-height:2.2rem;*/
    padding:0 0.05rem;
    height:0.57rem;
  font-size:0.6rem;
  font-family:PingFangSC-Regular;
  font-weight:bold;
  color:rgba(255,255,255,1);
  line-height:0.57rem;
  /*text-align: center;*/
  padding-top: 15%; 
  padding-bottom: 5%;
  /*padding-left: 0.63rem;*/
  /*padding-right: 1.01rem;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    text-align: center;
    
   }
   .countHeader {
   	width: 6.72rem;
   }
  .histogram{
    height: 100%;
    width: 100%;
  	text-align: center;
  }
  .histogramTitle {
  	text-align: center;
  }
  .histogramTitle>span{
  	display: inline-block;
  	width:4.6rem;
	height:0.5rem;
	background:rgba(234,255,245,1);
	border:0.02rem solid rgba(82,211,154,1);
	-webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
	border-radius:0.25rem;
	margin-top: 0.48rem;
	font-size:0.28rem;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(43,190,125,1);
	line-height:0.5rem;
  }
  .chartBox{
  	width:100%;
	height:50%;
	margin-top: 0.51rem;
    background:rgba(255,255,255,1);
    -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
    border-radius:0.2rem;
    -moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
  /*padding-bottom: 0.38rem;*/	
  }
  
 .errorClass{
 	 color: rgba(43,190,125,1);
    line-height: 1rem;
 }
 /*列表样式*/
.listValue{
	display: inline-block;
     width:2.59rem; 
    flex: 1;
    height: 0.28rem;
    display: inline-block;
    background:rgba(221,221,221,1);
    -webkit-border-radius: 0.14rem;
  -moz-border-radius: 0.14rem;
  -ms-border-radius: 0.14rem;
  -o-border-radius: 0.14rem;
	border-radius:0.14rem;
    position: relative;
}
.rect{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    /* width: 5px; */
    background:rgba(220,135,118,1);
    -webkit-border-radius: 0.14rem;
  -moz-border-radius: 0.14rem;
  -ms-border-radius: 0.14rem;
  -o-border-radius: 0.14rem;
	border-radius:0.14rem;
}
.ranking {
	height: 60%;
	/*margin: 0.24rem;*/
	-moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
  padding: 0 0.31rem;
	
}

.rankingTitle {
	/*width:460px;*/
	text-align: center;
	margin-bottom: 0.41rem
	
}
.rankingTitle span{
	display: inline-block;
		/*width:4.6rem;*/
	height:0.5rem;
	background:rgba(234,255,245,1);
	border:0.02rem solid rgba(82,211,154,1);
	-webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
	border-radius:0.25rem;
	line-height: 0.5rem;
	font-size:0.23rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(43,190,125,1);
}

/*跑马灯样式控制*/
.tableitem{
    color: #a3bce5;
    font-size: 0.16rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: text-bottom;
    /*border-bottom: 2px solid #10366F;*/
    position: relative;
    margin-bottom: 0.32rem;
    /*padding: 0.1rem;*/
    /* text-align: center; */
}
/*.tableitem::after{
    content: '';
    width: 5px;
    height: 3px;
    background: #38708F;
    position: absolute;
    bottom: -1px;
    right: 0;
}*/
.tableitem>div>.borderRadius{
    /* padding: 5px 20px; */
    display: inline-block;
    -moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
    /* width: 50px; */
    width:0.4rem;
	height:0.4rem;
	/*background:rgba(251,222,88,1);*/
	-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
	border-radius:50%;
	text-align: center;
	line-height: 0.4rem;

}
.tableitem div:nth-child(1){
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 3;
    font-size: 0.2rem
}
.tableitem div:nth-child(2){
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
}
.tableitem b{
    font-size: 0.26rem;
    font-weight: 400;
    color: #5cc4f2;
}
.tableitem div:nth-child(3){
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.Toplabel{
    display: inline-block;
    padding: 0.02rem 0.06rem; 
    background: #569f86;
    color: #fff;
}
.Toptable{
    height: 90%;
    overflow: hidden;
}
.ranking .Toptable {
	height: 75%;
}

/*列表上升图片样式*/
.listDataImg img{
	width: 0.26rem;
	height: 0.26rem;
}



/*益农信息社热门文章开始*/
.content3 {
	padding:0 0.32rem;
	-moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
  }
.ArticleListBox {
	background:rgba(255,255,255,1);
	-webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
	border-radius:0.2rem;
	height:82.458%;
	text-align: center;
	-moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
  margin-top: 0.51rem;
}
.topArticle {
	width:2.40rem;
	display: inline-block;
height:0.5rem;
background:rgba(234,255,245,1);
    font-family: PingFangSC-Regular;
    font-weight: bold;
border:0.02rem solid rgba(82,211,154,1);
-webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
border-radius:0.25rem;
line-height: 0.5rem;
margin-top: 0.5rem;
font-size:0.28rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(43,190,125,1);
margin-bottom: 0.54rem;
}
.articleList {
	
	padding: 0 0.32rem;
	height: 16%;
	-moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4%;
  /*padding-bottom: 0.14rem;*/
}

/*热门文章左边样式开始*/
.rankingLeft {
    /* padding: 5px 20px; */
    display: inline-block;
    /* width: 50px; */
    width:0.4rem;
	height:0.4rem;
	/*background:rgba(251,222,88,1);*/
	-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
	border-radius:50%;
	text-align: center;
	line-height: 0.4rem;
	border: 0.02rem solid rgb(82, 211, 154);
    color: rgb(82, 211, 154);
    font-size: 0.28rem;
}
.topTenRankingBox .rankingLeft {
	border: 0;
}
.leftList {
	width: 13%;
}
.rightList {
	width: 87%;
	border-bottom:1px solid rgba(238,238,238,1); ;
}
.rightList>div:nth-of-type(2){
	display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 35%;
   -moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
  /*padding-bottom: 0.14rem;*/
   /*line-height: 30%;*/
   /*justify-content: center;*/
   /*align-content: center;*/
}
.rightList>div:nth-of-type(1){
	height:0.78rem;
	font-size:0.31rem;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(51,51,51,1);
	/*line-height:0.48rem;*/
	overflow: hidden;
    /*text-overflow: ellipsis;*/
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: -moz-left;
    text-align: -webkit-left;
    text-align: left;
    /*height: 50%;*/    
}
.rightList>div:nth-of-type(2) span {
	font-size:0.22rem;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(153,153,153,1);
}
.rightList>div:nth-of-type(2) div {
	display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   justify-content: center;
  /*align-content: center;*/
}

/*益农信息社全省排名样式开始*/
.proviceRankingDetail {
	background:rgba(255,255,255,1);
	-webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
	border-radius:0.2rem;
	height: 82.458%;
	text-align: center;
	-moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
	padding:0 0.31rem ;
	padding-top: 0.51rem;
	margin-top: 0.51rem;
	padding-right: 0.24rem;
}
.proviceRankingDetail>.rankingDetailTitle {
	width: 100%;
}
.proviceRankingDetail>.rankingDetailTitle div {
	width: 33.33%;
}
.proviceRankingDetail .rankingDetailTitle span{
	display: inline-block;
	width:0.21rem;
	height:0.21rem;
	background:rgba(82,211,154,1);
	opacity:0.5;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* Internet Explorer */
	-moz-transform:rotate(45deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); /* Opera */
}
.rankingDetailTitle {
	display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.rankingDetailTitle div:nth-of-type(2){
	font-size:0.36rem;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:rgba(82,211,154,1);;
	/*line-height:1.42rem;*/
}
.rankingDetailTitle div:nth-of-type(1){
	text-align: right;
}
.rankingDetailTitle div:nth-of-type(3){
	text-align: left;
}
.topTenRankingBox {
	width: 100%;
	height: 90%;
	/*display: flex;*/
}


	.topTenRankingBox>marquee{
		text-align: center;
		-moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
	}
    .topTenRankingBox>marquee>div{
	display: inline-block;
	width: 6.31rem;
	height: 0.6rem;
	
	-moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
  text-align: center;
  /*background:rgba(72,201,144,1);*/
/*border-radius:25px;*/
margin-bottom: 0.1rem;
line-height: 0.6rem;

}
@media screen  and (min-width: 319px) and (max-width: 321px){
  .controllImg {
	bottom: 0.05rem !important;
}
}


.topTenRankingBox>marquee>div>div {
	-moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
	/*background:rgba(72,201,144,1);*/
	width: 100%;
	height: 0.6rem;
	-webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  -o-border-radius: 0.3rem;
	border-radius:0.3rem;
	padding-left: 0.2rem;
	/*line-height: 0.6rem;*/
	display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
}
.rankingDetailTitle {
	margin-bottom: 0.39rem;
}


/*后十名样式控制*/

.proviceRankingDetail>.rankingDetailTitle1 {
	width: 100%;
}
.proviceRankingDetail>.rankingDetailTitle1 div {
	width: 33.33%;
}
.proviceRankingDetail .rankingDetailTitle1 span{
	display: inline-block;
	width:0.21rem;
	height:0.21rem;
	background:rgba(102,102,102,1);
opacity:0.2;
	/*opacity:0.5;*/
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* Internet Explorer */
	-moz-transform:rotate(45deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); /* Opera */
}
.rankingDetailTitle1 {
	display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.rankingDetailTitle1 div:nth-of-type(2){
	font-size:0.36rem;
	font-family:PingFangSC-Medium;
	font-weight:500;
	color:#999999;
	/*line-height:1.42rem;*/
}
.rankingDetailTitle1 div:nth-of-type(1){
	text-align: right;
}
.rankingDetailTitle1 div:nth-of-type(3){
	text-align: left;
}
.topTenRankingBox1 {
	width: 100%;
	/*display: flex;*/
}
.topTenRankingBox1>div{
	display: inline-block;
	width: 50%;
	padding:0 0.1rem;
	padding-bottom: 0.1rem;
	-moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
  text-align: left;
}
.rankingName {
	font-size:0.28rem;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(255,255,255,1);
	margin-left: 0.16rem;
	font-weight: bold;
	/*background-color: white;*/
}
.topTenRankingBox1>div>div {
	background:rgba(191,191,191,1);
	opacity:0.8;
	-webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
	border-radius:0.25rem;
}
.rankingDetailTitle1 {
	margin-bottom: 0.39rem;
}

/*尾页样式开始*/
.currentDate {
	-moz-box-sizing: border-box;  
  	-webkit-box-sizing: border-box; 
  	-o-box-sizing: border-box; 
  	-ms-box-sizing: border-box; 
  	box-sizing: border-box;	
	margin-top: 0.51rem;
	text-align: center;
}
.currentDate span{	
	display: inline-block;
	width: 4.09rem;
	/*height:0.74rem;*/
	height:0.74rem;
	line-height:0.74rem;
	background:rgba(62,189,108,1);
	border-radius:0.37rem;
	color:rgba(255,255,255,1);
	text-align: center;
}

/*二维码开始*/
.qrCode {
	display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   justify-content: center;
   -moz-box-sizing: border-box;  
  	-webkit-box-sizing: border-box; 
  	-o-box-sizing: border-box; 
  	-ms-box-sizing: border-box; 
  	box-sizing: border-box;
   padding:0 1.68rem ;
   margin-top: 0.48rem;
   
}
.qrCode>div{
	width:1.71rem;
	height:1.71rem;
	
	-moz-box-sizing: border-box;  
  	-webkit-box-sizing: border-box; 
  	-o-box-sizing: border-box; 
  	-ms-box-sizing: border-box; 
  	box-sizing: border-box;
	border-radius:0.10rem;
	/*padding:0 0.1rem;*/
}
.qrCode>div>div {
	width: 100%;
	height: 100%;
	background:rgba(255,255,255,1);
	border:0.06rem solid rgba(139, 221, 180, 1)
}
.imgClass {
	display: inline-block !important;
	width:100%;
	height:100%;
}
#qrCodeOne canvas,
 #qrCodeTwo canvas{
	width: 100%;
	height: 100%;
	
}
#qrCodeOne img,
#qrCodeTwo img {
	display: none;
}


/*热门文章样式重新修改*/
.hotArticle_first {
	background:rgba(253,190,56,1);
}
.hotArticle_second {
	background:rgba(156,177,204,1);
}
.hotArticle_third {
	background:rgba(216,173,127,1);
}
.hotArticle_other {
	background:rgba(72,201,144,1);
}
 
 
/*控制地图圆角样式*/
#echarts_map canvas {
	-webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  border-radius: 0.2rem;
}

  	
 